<template>
 <div>
  御剑乘风来,除魔天地间!====app
  <hr/>
  <NavBar 
  :backText="backText"
  :flagLeft="flagLeft"
  :center="center"
  :flagRight="flagRight"
  :rightText="rightText"
  @rightHandle="rightHandle"
  bg="red"
  ></NavBar>

  <hr/>
  <NavBar 
  :backText="backText" 
  :flagLeft="true" 
  :center="'首页'" 
  :flagRight="flagRight"
  :rightText="rightText"
  @rightHandle="rightHandle2"
  bg="green"
  ></NavBar>
  <hr/>
  <NavBar 
  :backText="backText" 
  :flagLeft="true" 
  :center="'首页22222'" 
  :flagRight="false"
  :rightText="rightText"></NavBar>
 </div>
</template>
<script>
export default{
    name:'',
    data () {
        return {
          backText:'返回123',
          flagLeft:false,
          center:'签到有礼',
          flagRight:true,
          rightText:'分享'
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
      rightHandle(){
        console.log(1111);
      },
      rightHandle2(){
        console.log(2222);
      },
    }
}
</script>
<style lang='less'  scoped>

</style>